//向外共享本模块 
export default {
  //为当前模块开启命名空间
  namespaced: true,

  //当前模块的state数据
  state: () => ({
    //购物车的数组[]，用来存储购物车中每个商品的信息对象
    //每个商品的信息对象，都包含如下6个属性（goods_state 是购物车该商品勾选状态）
    // 1个商品信息 ： { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
    cart: JSON.parse(uni.getStorageSync('cart') || '[]') //页面初始化拿空数组[]，或者之后get(key)拿数据
  }),

  //模块的mutations方法，专门用来修改state中的数据; 下面所有方法的第一个参数state都是固定，第二个参数是外界传过来的
  mutations: {
    //商品信息加入购物车的方法:state即上面的state实例，goods即将加入购物车的商品信息
    addToCart(state, goods) {
      //根据提交的商品的id,判断购物车中是否已存在该件商品
      //如果不存在，findResult为undefined；否则，为查询到的商品信息对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      console.log(findResult)
      //当不存在时，如果购物车中没有这件商品，则直接 push
      if (!findResult) {
        state.cart.push(goods)
      } else {
        // 如果购物车中有这件商品，则只更新数量即可
        findResult.goods_count++
      }
      console.log(state.cart)
      // 通过 commit 方法，调用 m_cart 命名空间下的 saveToStorage 方法
      this.commit('m_cart/saveToStorage')
    },
    // 将购物车中的数据持久化存储到本地,uni.setStorageSync(key,value)
    saveToStorage(state) {
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    },
    // 更新购物车中商品的勾选状态
    updateGoodsState(state, goods) {
      // 根据 goods_id 查询购物车中对应商品的信息对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)

      // 有对应的商品信息对象
      if (findResult) {
        // 更新对应商品的勾选状态
        findResult.goods_state = goods.goods_state
        // 持久化存储到本地
        this.commit('m_cart/saveToStorage')
      }
    },
    // 更新购物车中商品的数量
    updateGoodsCount(state, goods) {
      // 根据 goods_id 查询购物车中对应商品的信息对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      // 有对应的商品信息对象
      if (findResult) {
        // 更新state.cart数组中 对应商品的数量
        findResult.goods_count = goods.goods_count
        // 持久化存储到本地
        this.commit('m_cart/saveToStorage')
      }
    },
    //划动删除购物车中商品
    deleteGoods(state, goods) {
      // 根据 goods_id 查询购物车中对应商品的信息对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      // 有对应的商品信息对象
      if (findResult) {
        //先获取要删除元素的下标
        let findResultIndex = state.cart.indexOf(findResult)
        // 删除state.cart数组中 对应商品的信息
        state.cart.splice(findResultIndex, 1)
        // 持久化存储到本地
        this.commit('m_cart/saveToStorage')
        //或者用过滤器也可以，实现如下
        // 调用数组的 filter 方法进行过滤
        // state.cart = state.cart.filter(x => x.goods_id !== goods_id)
      }
    },
    // 更新所有商品的勾选状态
    updateAllGoodsState(state, newState) {
      // 循环更新购物车中每件商品的勾选状态
      state.cart.forEach(x => x.goods_state = newState)
      // 持久化存储到本地
      this.commit('m_cart/saveToStorage')
    },
  },

  //模块的getters属性，相当于state数据的包装器
  getters: {
    //统计购物车中商品的总数量
    total(state) {
      let c = 0
      // 循环统计商品的数量，累加到变量 c 中
      state.cart.forEach(goods => c += goods.goods_count)
      return c
    },
    // 勾选的商品的总数量
    checkedCount(state) {
      // 先使用 filter 方法，从购物车中过滤器已勾选的商品
      // 再使用 reduce 方法，将已勾选的商品总数量进行累加
      // reduce() 的返回值就是已勾选的商品的总数量,total初始值为0，然后不断累加;reduce(回调函数,初始值[一般为0])
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
    },
    // 勾选和不勾选的商品的总数量,其实直接用上面的total(state)也可以
    totalCount(state) {
      return state.cart.reduce((total, item) => total += item.goods_count, 0)
    },
    //动态渲染已勾选商品的总价格
    checkedGoodsAmount(state) {
      // 先使用 filter 方法，从购物车中过滤器已勾选的商品
      // 再使用 reduce 方法，将已勾选的商品数量 * 单价之后，进行累加
      // reduce() 的返回值就是已勾选的商品的总价
      // 最后调用 toFixed(2) 方法，保留两位小数
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count * item.goods_price,
        0)
    }

  }, //getters

}
